<template>
  <div class="wrapper">
    <ul class="content" >
      <li v-for="item in 99">{{item}}</li>
    </ul>
  </div>
</template>

<script>
  import BScroll from 'better-scroll'
  export default {
    name: "Category",
    data(){
      return {
        scroll: null
      }
    },
    mounted() {
      this.scroll = new BScroll(document.querySelector('.wrapper'), {
      //<div class="wrapper">标签里只能有一个子标签
      })
    }
  }
</script>

<style scoped>
  .wrapper {
    height: 150px;
    background-color: pink;
    overflow: hidden;
    /*overflow: scroll;*/
  /*  用overflow: scroll;实现的滚动在移动端会非常卡顿*/
  }
</style>
